*{
    margin: 0;padding: 0;list-style: none;text-decoration: none;
}
.left{
    float: left;
}
.rirht{
    float: right;
}
@mixin text{
    font-size: 20px;color: brown;font-weight: 600;
}
@mixin border{
    border:1px solid #000;
}
#header{
    width: 100%;height: 30px;font-size: 12px;line-height: 30px;border-bottom: 1px solid skyblue;background: #eee;
    #h1{
        width: 1200px;margin: 0 auto;
         a{
                margin: 0 5px;
                
                
            }
           
        #left{
            float: left;
        }
        #right{
            float: right;
               
        }
        
    }
}
#nav{
    width: 1200px; margin: 0 auto;line-height: 80px;border: 1px solid #fff;
    #left{
        float: left;
    }
    ul{
        float: right;
        li{
            float: left;padding: 0 20px;font-size: 16px;
            a{
                color: palevioletred;
                
            }
            &:hover{
                    background: skyblue;
                }
        }
    }
}
#main{
    width: 1200px;height: 340px; margin: 0 auto;margin-top: 90px;border: 1px solid #000;position: relative;
    #myCarousel{
        width: 100%;height: 340px;margin: 0;padding: 0;
    }
    #ma{
        width: 240px;height: 340px;text-align: center;line-height: 84px;
        position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.3);color: #fff;
        tr{
            border-bottom: 1px solid #ccc;
        }
        td{
            width: 90px;font-size: 16px;
        }
        .noa{
            width: 120px;text-align: left;
        }
        .nono{
            width: 10px;
        }
    }
}
#mainbody{
    width: 1200px;margin: 0 auto;
    #mba{
        width:100%;height:166px;
        img{
            width: 300px;height: 166px; display: block;border-right:1px solid #ccc ;float: left;
        }
    }
    #mbb{
        width: 100%;height: 60px;line-height: 60px;
        span{
            float: left;@include text;
        }
        a{
            display: block;float: right;
        }
    }
    #mbc{
       width: 100%;height: 301px;
       *{
           float: left;
       }
       
    }
    #mbd{
        width: 100%;height: 80px;
        *{
            float: left;
        }
        select{
            width: 140px;height: 40px;border: 1px solid peru;margin: 0 10px;
        }
        #in-txt{
            width: 460px;height: 40px;border: 1px solid peru;
        }
        #in-ss{
            width: 120px;height: 40px;border: 1px solid peru;background: peru;font-size: 20px;color: #fff;text-align: center;line-height: 40px;
        }
    }
    #mbe{
        width: 100%;position: relative;
        #mbe-a{
            width: 890px;height: 44px;border: 1px solid #bbb;background: #ccc;
        }
        #mbe-b{
            width: 890px;
            ul li{
                width: 890px;height: 120px;border-bottom: 1px solid #bbb;
               line-height: 30px;
                 .li-a{
                     img{display: block;
                         width: 90px;height: 90px;margin:5px auto;
                     }
                   width: 100px; height: 118px; float: left;@include border;
                }
                .li-b{
                    width: 450px;height: 118px; float: left;@include border;overflow: hidden;
                    
                }
               .li-c{
                  width: 300px; height: 118px; float: right;@include border;
               }
               
            }
            button{
                width: 30px;height: 30px;margin: 0 10px;text-align: center;line-height: 30px;font-size: 16px;background: #fff;
                &:hover{
                    background: peru;
                }
            }
        }
        #mbe-c{
            width: 270px;height: 690px;border: 1px solid #bbb;position: absolute; right: 0;top: 0;
           h4{
               height: 42px;text-align: center;line-height: 42px;background: #ddd;margin: 0;
           }
           .top{
               height: 93px;border-top: 1px solid #ccc;line-height: 93px;
               div{float: left;}
               .top-a{
                   width: 56px;height: 52px;margin: auto 0;font-size: 25px;color: red;line-height: 52px;text-align: center;line-height: 93px;
               }
               .top-b{
                   img{
                       width: 50px;height: 50px;
                   }
               }
               .top-c{
                 line-height: 20px;margin-top: 20px;
               }
           }
        }
    }
    
}
#footer{
    width: 100%;height: 300px; border-top: 1px solid #ccc;background: #eee;margin-top: 30px;
    #ft-a{border-bottom: 1px solid #ccc;
        width: 1000px;height: 155px; margin: 25px auto;
        .ft-ft{
        width: 196px;height: 114px;float: left; 
        span{
            float: left;a{line-height: 25px;}
        }
     }
    }
    #ft-b{
        text-align: center;
    }
    
}
